// @import './iconfont.css';

.test {
  // 可以通过 @apply 多个样式封装整体样式
  @apply mt-4 ml-4;

  padding-top: 4px;
  color: red;
}

:root,
page {
  // 修改按主题色
  // --wot-color-theme: #37c2bc;

  // 修改按钮背景色
  // --wot-button-primary-bg-color: green;
}

.zp-l-container-rpx {
  margin-bottom: 60rpx;
}

.use-upload {
  .wd-upload__preview {
    width: 188rpx !important;
    height: 188rpx !important;
    margin-right: 25rpx !important;
    margin-bottom: 20rpx !important;
    &:nth-child(3n) {
      margin-right: 0 !important;
    }
  }

  .wd-upload__picture {
    /* border: 1rpx solid #efefef !important; */
    border-radius: 20rpx !important;
  }

  .wd-icon-error-fill:before {
    content: ' ' !important;
  }
  .wd-upload__close::after {
    left: -16rpx !important;
    width: 44rpx !important;
    height: 44rpx !important;
    background: url('@/static/images/sys/image-del.png') no-repeat !important;
    background-size: 100% 100% !important;
  }

  .wd-upload__status-content {
    border-radius: 20rpx !important;
  }
}
.use-tab {
  .wd-tabs {
    background: transparent !important;
    background-color: transparent !important;
  }

  .wd-tabs__nav {
    background: transparent !important;
    background-color: transparent !important;
  }
  .wd-tabs__nav-item-text {
    font-size: 29rpx;
  }
  .wd-tabs__line {
    bottom: 2rpx !important;
    width: 64rpx !important;
    height: 16rpx !important;
    background: url('@/static/images/sys/green-line.png') no-repeat !important;
    background-size: 100% 100% !important;
  }
}

.user-info-list-item .list-tab {
  padding: 0 50rpx;
  .wd-tabs__line {
    background: linear-gradient(90deg, #fcff45 0%, #c7ff4f 44%, #4bf3f1 100%) !important;
  }
}
/* stylelint-disable selector-type-no-unknown */
button::after {
  border: none;
}

.edit-icon-btn {
  width: 40rpx;
  height: 40rpx;
  background: url('@/static/images/sys/edit-icon.png') no-repeat;
  background-size: 100% 100%;
}

.edit-icon-btn:active {
  opacity: 0.6;
}
